*{margin: 0;padding: 0;}
/*background-image: url(//res.hc-cdn.com/cpage-pep-home-page/2.0.3/images/product/bg.jpg);*/
body{ font-family:"Microsoft Yahei";font-size:14px;margin: 0;padding: 0;background-color: #f5f7fa;color:#333;}

li{ list-style-type:none;}
img{ border:0;border-radius: 5px;}
a,a:hover{ text-decoration:none !important;}
a{ color:#333;}
a:hover{ color:#2468f2;}
a:focus{outline:none;text-decoration:none !important;}
p,h1,h2,h3,h4,h5,ul,dl,dd{ font-weight: normal; margin:0; padding:0;}
input,textarea,button,select{outline:none !important;border: 0;}
textarea{resize:none}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; font-family:"Microsoft Yahei"}
input[type="text"]{font-family:"Microsoft Yahei"}
input[disabled]{ background:#ccc !important; cursor:not-allowed !important;}
button[disabled]{ background:#ccc !important;cursor:not-allowed !important;}
em{ font-style: normal; }
a,button,input,textarea{-webkit-tap-highlight-color:transparent;}
/*banner*/
.index-header .top-header{ position:absolute; left:0; top:0; right:0; z-index:11;}
.index-banner{ background:#000000; position:relative; min-width:1220px;}
.header-banner{ height: 550px; overflow:hidden; position:relative;background-color:#fff}
.header-banner .hd{ height:20px; overflow:hidden; position:absolute; left:5px; right: 0; bottom:85px; z-index:1; }
.header-banner .hd ul{ text-align: center; overflow:hidden; zoom:1;}
.header-banner .hd ul li{ display: inline-block; margin:0 3px;width:35px; height:4px; line-height:4px;color:transparent; text-align:center; background: rgba(22, 111, 255, 0.14); cursor:pointer;border-radius: 2px; }
.header-banner .hd ul li.on{ background-image: linear-gradient(150deg,#339bfe,#2468f2); color:transparent;border-radius: 2px; }
.header-banner .bd{ position:relative; height:100%; z-index:0;   }
.header-banner .bd ul{width:100% !important;}
.header-banner .bd li{ zoom:1; width:100% !important; vertical-align:middle; }
.header-banner .bd a{display:block; height: 550px; color:#fff;}
.header-banner .container{ height:550px; position:relative; overflow:hidden;}
.header-banner  h2{font-size: 40px;font-weight: 700;line-height: 52px;max-height: 104px;overflow: hidden;color: #252b3a;}
.header-banner  p{ font-size: 20px;margin-top: 20px;line-height: 30px;max-height: 30px;overflow: hidden;color: #252b3a;}

.header-banner  span{ display:block; margin:25px 0 0; font-size:16px; border-radius:4px;width:128px; height:36px;background-image: linear-gradient(150deg,#339bfe,#2468f2);  line-height:36px; text-align:center; cursor:pointer;transition: all .3s ease-in-out;}
.header-banner  span:hover{  background-image: linear-gradient(270deg,#339bfe,#2468f2); color:#fff;transform:translateY(-5px);transition: all .3s ease-in-out;}

.header-banner .banner-text .text{ position:absolute; left:0; bottom: -150%;margin-left:10px;}
.header-banner-cloud{height: 165px;color: #fff; position: absolute; left: 0; right: 0; bottom: 0; overflow:hidden;/*background-image:url("../../images/index/banner/banner-cloud.png")*/}

/*波浪*/
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.Wangweicloud {
    /*overflow: hidden;
    position: absolute;*/
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.WangweicloudInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 85px;
    bottom: -1px;
    /*background-image: linear-gradient(to top, #86377b 20%, #27273c 80%);*/
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 110px;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
    background-image: url('../../images/index/banner/wave-top.png')
}
.waveAnimation .waveTop {
    animation: move_wave 20s linear infinite;
}
.waveMiddle {
    background-size: 50% 120px;
    background-image: url('../../images/index/banner/wave-top.png');
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
    background-image: url('../../images/index/banner/wave-top.png');
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}



/*公告*/
.head-announce{height: 50px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.16); overflow:hidden;}
.head-announce a{ color:#fff;}
.head-announce a:hover {color:#2468f2}
.head-announce .announce-list{ height:50px; width:1170px; float:left; overflow:hidden;}
.head-announce .announce-list li{ width: 300px; height: 50px; margin-right:80px;float:left;text-align:left; _display:inline;}
.head-announce .announce-list li a{display: block; line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.head-announce .announce-list li a:hover {color:#2468f2}
.head-announce .more{float: right; line-height: 50px; }


/*首页引导栏*/
.width1180-center {
    width: 1200px;
    margin: 0 auto;
}
div.marketing-position {
	display: flex;
	justify-content: space-between;
	margin-top: 55px;
	margin-bottom: 20px;
    padding-bottom: 55px;
}

div.marketing-position .main {
	width: 325px;
	height: 272px;
	padding: 131px 0 0 24px;
    /*box-shadow: 8px 8px 25px 0 rgba(55,99,170,.1), -8px -8px 25px 0 #fff;*/
    /*background-image: linear-gradient(0deg,#fff,#f3f5f8);*/
    border: 2px solid #fff;
    box-shadow: 0 5px 33px -8px rgba(80,140,209,.29);
	margin-right: 20px;
	box-sizing: border-box;
	background: #f3f5f8 url(../../images/index/marketing_cloud.png) no-repeat 100% 0/cover;
	border-radius: 8px;
	position: relative;
	cursor: pointer;
	transition: all .3s ease-in-out;
}

div.marketing-position .main:hover {
	background-image: url(../../images/index/marketing_cloud.png);
	box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2), -8px -8px 20px 0 #fff;
	transition: all .3s ease-in-out;
}

div.marketing-position .main,div.marketing-position .main * {
	transition: all .3s linear
}

div.marketing-position .main:hover {
	background-color: #2468f2
}

div.marketing-position .main:hover .title {
	color: #fff
}

div.marketing-position .main:hover .title span {
	border-color: #fff;
	background-color: rgba(0,0,0,0)
}

div.marketing-position .main:hover .title span i {
	color: #fff
}

div.marketing-position .main:hover .desc {
	color: hsla(0,0%,100%,.7)
}

div.marketing-position .main:hover .btn {
	background-color: #fff;
	color: #2468f2
}

div.marketing-position .main:hover .discount span {
	color: #fff
}


div.marketing-position .main .title {
	width: 200px;
	position: absolute;
	bottom: 144px;
	font-size: 22px;
	color: #2468f2
}

div.marketing-position .main .title span {
	position: absolute;
	background-color: #e0edff;
	margin-top: 5px
}

div.marketing-position .main .title span i {
	top: -2px
}

div.marketing-position .main .desc {
	width: 190px;
	margin-top: 0
}

div.marketing-position .main .discount {
	display: none
}

div.marketing-position .main .btn {
	margin-top: 16px;
	background: #2468f2;
	color: #fff
}

div.marketing-position .main .btn:hover {
	background-color: hsla(0,0%,100%,.8)
}

div.marketing-position .minor {
	width: 858px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	cursor: pointer
}

div.marketing-position .minor li {
	width: 418px;
	height: 123px;
	margin-bottom: 21px;
	padding: 16px 24px;
	box-sizing: border-box;
	position: relative;
	background: #f1f2f7;
	cursor: pointer;
	background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    /*box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;*/
    box-shadow: 0 5px 33px -8px rgba(80,140,209,.29);
    border-radius: 5px;
    transition: opacity .2s linear,box-shadow .2s ease-in-out;
}

div.marketing-position .minor li:last-child,div.marketing-position .minor li:nth-last-child(2) {
	margin-bottom: 0
}

div.marketing-position .minor li:after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 5px;
	background: url(../../images/index/marketing_nav.png) no-repeat 100% 0/cover;opacity: 0;
	box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2), -8px -8px 20px 0 #fff;
	transition: opacity .2s linear,box-shadow .2s ease-in-out;
}

div.marketing-position .minor li,div.marketing-position .minor li * {
	transition: all .2s linear
}

div.marketing-position .minor li:hover {
	background-color: #2468f2
}

div.marketing-position .minor li:hover .title {
	color: #fff
}

div.marketing-position .minor li:hover .title span {
	border-color: #fff;
	background-color: rgba(0,0,0,0)
}

div.marketing-position .minor li:hover .title span i {
	color: #fff
}

div.marketing-position .minor li:hover .desc {
	color: hsla(0,0%,100%,.7)
}

div.marketing-position .minor li:hover .btn {
	background-color: #fff;
	color: #2468f2
}

div.marketing-position .minor li:hover .discount span {
	color: #fff
}

div.marketing-position .minor li:hover:after {
	transition: opacity .3s linear .3s;
	opacity: 1
}

div.marketing-position .minor li>a {
	display: block;
	position: relative;
	z-index: 1
}

div.marketing-position .minor li .btn {
	position: absolute;
	right: 5px;
	bottom: 5px;
	transition: all .3s linear
}

div.marketing-position .minor li .btn:hover {
	background-color: hsla(0,0%,100%,.8)
}

div.marketing-position .title {
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #374567;
	line-height: 26px
}

div.marketing-position .title span {
	display: inline-block;
	margin-left: 8px;
	padding: 0 3px;
	border: 1px solid #2468f2;
	border-radius: 2px;
	height: 18px;
	box-sizing: border-box;
	line-height: 16px;
	transform: skew(350deg,0deg);
}

div.marketing-position .title span i {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	transform: skew(15deg,0deg);
	color: #2468f2;
}

div.marketing-position .desc {
	margin-top: 10px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #596178;
	line-height: 24px
}

div.marketing-position .btn {
	display: block;
	width: 78px;
	height: 28px;
	background: #e0edff;
	border-radius: 4px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #191a24;
	line-height: 28px;
	text-align: center
}

div.marketing-position .discount {
	margin-top: 6px
}

div.marketing-position .discount span {
	font-family: DINAlternate-Bold;
	font-size: 20px;
	color: #ff502e;
	line-height: 24px;
	font-weight: 700
}

div.marketing-position .discount span:last-child {
	margin-left: 4px;
	font-family: PingFang-SC-Heavy;
	font-size: 14px;
	font-weight: 800
}
/*产品*/
.overflow-hide{overflow:hidden}
.col-sm-3{width:25%;float:left;position:relative}
.pavilion-container{background-size:cover;background-repeat:no-repeat;background-position:center;min-height:720px;min-width:1220px}
.layer-title{padding:50px 0 30px;text-align:center;font-size:30px;color:#fff;letter-spacing:1.09px}
/*tab分类*/
.pavilion-container .pavilion-inner{max-width:1200px;margin:0 auto;background: linear-gradient(180deg,#f1f5fb,#fff);border: 2px solid #fff;
    box-shadow: 0 5px 33px -8px rgba(80,140,209,.29);border-radius: 5px;padding: 40px 20px 40px 20px;}
.pavilion-container .pavilion-inner .tabs{padding:10px 0;margin-left: 20px;}
.pavilion-container .pavilion-inner .tabs li{float:left;padding:0 21px;border:1px solid #2468f2;border-radius:4px;line-height:36px;font-size:16px;color:#2468f2;letter-spacing:.35px;transition: all .3s ease-in-out;}
.pavilion-container .pavilion-inner .tabs li:hover{transform:translateY(-5px);transition: all .3s ease-in-out;}
.pavilion-container .pavilion-inner .tabs li{margin-left:21.2667px;cursor:pointer}
.pavilion-container .pavilion-inner .tabs li:first-child{margin-left:0}
.pavilion-container .pavilion-inner .tabs li.on{background-image: linear-gradient(150deg,#339bfe,#2468f2);border:1px solid #fff; color:#fff}
.pavilion-container .pavilion-inner .tabs li .hot-icon{width:24px;height:24px;background:url(../../images/index/ico/marketplace-fire-leave.svg);margin-right:5px;background-repeat:no-repeat}
.pavilion-container .pavilion-inner .tabs li.on .hot-icon{background:url(../../images/index/ico/marketplace-fire.svg)}
.pavilion-container .pavilion-inner .tabs li>span{display:inline-block;vertical-align:middle}
/*tab内容*/
.pavilion-container .tab-content-wrap{position:relative;margin-top:20px;height:420px}
.pavilion-container .tab-content{position:absolute;top:65px;transition:all .5s linear;opacity:0;z-index:-1;height:0;width:100%}
.pavilion-container .tab-content.show{height:auto;opacity:1;top:0;z-index:1}
.pavilion-container .tab-content .col-sm-3{padding:0 10px}
.pavilion-container .tab-content .col-sm-3 .tab-card{border: 2px solid #fff;position:relative;padding:20px;background:#f5f7fa;border-radius:2px;overflow:hidden;cursor:pointer;transition:.2s linear;border-radius: 5px;}
/*大卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg{position:relative;height:420px}
.pavilion-container .tab-content .col-sm-3 .tab-card:before{position:absolute;content:'';top:0;left:0;right:0;height:4px;border-radius:1px 1px 0 0;}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg img{height:90px;width:auto;display:block}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg h3{margin-top:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg h3:hover{color:#2468f2}
.pavilion-container .tab-content .col-sm-3 .tab-card p{margin-top:5px;font-size:12px;color:#a0a2a8;letter-spacing:.51px;line-height:20px;height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels{margin-top:10px;margin-right:10px;padding-bottom:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels span{display:inline-block;margin-top:10px;margin-right:10px;padding:0 5px;background:rgba(160,162,168,.1);border:1px solid rgba(102,106,117,.1);border-radius:2px;line-height:20px;color:#a0a2a8;font-size:12px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md .labels span{display:inline-block;margin-top:2px;margin-right:2px;padding:0 5px;background:rgba(160,162,168,.1);border:1px solid rgba(102,106,117,.1);border-radius:2px;line-height:20px;color:#a0a2a8;font-size:12px}

.pavilion-container .tab-content .col-sm-3 .tab-card-lg .time{border-top:1px solid #e7e7e7}
/*中卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md+.tab-card-md{margin-top:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md{height:200px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md img{height:60px;width:auto;display:block}
.pavilion-container .tab-content .col-sm-3 .tab-card .time{position:absolute;bottom:10px;width:calc(100% - 40px);padding-top:17px;font-size:12px;color:#666a75;letter-spacing:.44px;line-height:23px;text-align:left}
.pavilion-container .tab-content .col-sm-3 .tab-card .time span{font-size:20px;color:#ff502e;letter-spacing:0;line-height:23px;margin-right:3px}
/*小卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm{height:90px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm+.tab-card-sm{margin-top:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm .time{border-top-width:0}
.pavilion-container .tab-content .col-sm-3 .tab-card:hover {color:#000;background: #f3f5f8;box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11), inset -8px -8px 20px 0 #fff;transition: box-shadow .3s ease-in-out,background .3s ease-in-out;}
/*查看全部*/
.pavilion-container .view-go{margin-top:35px;font-size:18px;color:#fff;text-align:center}
.pavilion-container .view-go a span.arrow-more{display:inline-block;vertical-align:middle}
.pavilion-container .view-go a span.arrow-f{width:13px;height:13px;background:url(../images/marketplace-selected-arrow1.svg);display:inline-block;vertical-align:middle;margin-left:10px;position:relative;transition:.3s ease-out}
.pavilion-container .view-go a:hover{color:#2468f2}
.pavilion-container .view-go a:hover span.arrow-f{transform:translate(4px,0);background:url(../images/marketplace-selected-arrow2.svg)}

/*产品*/

.container1{ width: 1200px;margin: 0 auto;}
.product-main{ padding: 30px 0 55px; background: #fff; overflow: hidden;min-width: 1220px; }
.product-main dl{ color: #fff; border-radius: 5px; overflow: hidden;box-shadow: 8px 8px 25px 0 rgba(55,99,170,.1), -8px -8px 25px 0 #fff;}
.product-main dt{ float: left; width: 400px; height:600px; padding: 35px 35px 0;background: url("../../images/index/bg/product1.jpg") no-repeat; overflow: hidden}
.product-main dd{ float: right; width: 800px; height: 600px; overflow: hidden}
.product-main ul{overflow: hidden}
.product-main ul li{ float: left; width: 400px; height: 300px; padding: 35px 35px 0 35px;}
.product-main .desc{ position: relative; overflow: hidden}
.product-main .desc:before{ content: ""; position: absolute; left: 0; top: 0; background: url("../../images/index/bg/ico/icons.png") no-repeat;}
.product-main .desc h4{ font-size: 24px;}
.product-main .desc p{line-height: 22px; margin:12px 0 0;}
.product-main .sur{ font-size: 20px; overflow: hidden}
.product-main .sur a{ display: block; float: left;line-height: 24px; color: #bfcee2;}
.product-main .sur a:before{ content: ""; display: inline-block; vertical-align: top; margin-right: 10px; height: 24px; background: url("../../images/index/bg/ico/icons.png") no-repeat;}
.product-main .sur a:hover{ color: #fff;}
.product-main dt .desc{ padding-left: 90px; min-height: 67px;}
.product-main dt .desc:before{ width: 57px; height: 67px; background-position: 0 -295px;}
.product-main dt .desc p{ font-size: 18px; line-height: 36px; margin:18px 0 0;}
.product-main dt .sur{ margin:5px 0 0 105px;}
.product-main dt .sur a{ margin: 20px 10px 0 0}
.product-main dt .sur a:before{ width: 26px;}
.product-main dt .ico1,.product-main dt .ico3,.product-main dt .ico5{ width: 190px !important;}
.product-main dt .ico1:before{ background-position: -33px 2px;}
.product-main dt .ico2:before{ background-position: -63px 0;}
.product-main dt .ico3:before{ background-position: -91px 2px;}
.product-main dt .ico4:before{ background-position: -120px 2px;}
.product-main dt .ico5:before{background: url("../../images/index/bg/ico/ico7.png") left 4px no-repeat;}
.product-main dt .ico6:before{background: url("../../images/index/bg/ico/ico8.png") left 1px no-repeat;}
.product-main .item1{background: url("../../images/index/bg/product2.jpg") no-repeat;}
.product-main .item1 .desc{ padding-left: 92px; min-height: 67px;}
.product-main .item1 .desc:before{ width: 66px; height: 50px; top: 5px; background-position: -71px -295px;}
.product-main .item1 .sur{ margin:12px 0 0 90px;}
.product-main .item1 .sur a{ margin:15px 0 0; width: 156px;}
.product-main .item1 .sur a:before{ width: 22px;}
.product-main .item1 .ico2{ margin-right: 0 !important;}
.product-main .item1 .ico1:before{ background-position: -151px 3px;}
.product-main .item1 .ico2:before{ background-position: -179px 3px;}
.product-main .item1 .ico3:before{ background-position: -208px 2px;}
.product-main .item2{ background: url("../../images/index/bg/product3.jpg") no-repeat;}
.product-main .item2 .desc{ padding-left: 95px; min-height: 53px;}
.product-main .item2 .desc:before{ width: 69px; height: 53px; top: 5px; background-position: -151px -295px;}
.product-main .item2 .sur{ margin:12px 0 0 90px;}
.product-main .item2 .sur a{ margin:15px 10px 0 0; width: 152px;}
.product-main .item2 .sur a:before{ width:31px;}
.product-main .item2 .ico2{ margin-right: 0 !important;}
.product-main .item2 .ico1:before{ background-position: -228px 3px;}
.product-main .item2 .ico2:before{ background-position: -264px 3px;}
.product-main .item2 .ico3:before{ background-position: -296px 3px;}
.product-main .item3{clear: both; width: 800px; height: 300px; padding: 35px 35px 0;color: #333333;background: url("../../images/index/bg/product4.jpg") no-repeat;}
.product-main .item3 .desc{ padding-left: 88px; min-height:70px;}
.product-main .item3 .desc:before{ width: 54px; height:65px;background-position: -223px -220px;}
.product-main .item3 .desc p{ font-size: 18px; height: 64px; line-height: 32px; overflow: hidden}
.product-main .item3 .sur{ margin:0 0 0 80px; color: #666666; font-size: 16px;}
.product-main .item3 .sur a{ margin:15px 0 0 0; width:140px; color: #666666;}
.product-main .item3 .sur a:before{ width:30px;}
.product-main .item3 .ico1,
.product-main .item3 .ico6,.product-main .item3 .ico8{ /*width: 200px !important;*/}
.product-main .item3 .ico1:before{ background-position: 3px -376px;}
.product-main .item3 .ico2:before{ background-position: -25px -376px;}
.product-main .item3 .ico3:before{ background-position: -52px -376px;}
.product-main .item3 .ico4:before{ background-position: -80px -376px;}
.product-main .item3 .ico5:before{ background-position: -111px -376px;}
.product-main .item3 .ico6:before{ background-position: -143px -376px;}
.product-main .item3 .ico7:before{ background-position: -174px -376px;}
.product-main .item3 .ico8:before{ background-position: -203px -376px;}
.product-main .item3 .ico9:before{ background-position: -230px -376px;}
.product-main .item3 .ico10:before{ background-position: -260px -376px;}
.product-main .item3 .ico11:before{ background-position: -287px -376px;}
.product-main .item3 .ico12:before{ background-position: -317px -377px;}
.product-main .item3 .ico13:before{ background-position: -343px -377px;}
.product-main .item3 .ico14:before{ background-position: -343px -343px;}
.product-main .item3 .ico15:before{ background-position: -315px -343px;}
.module-title{text-align: left;color: #000; font-size: 36px; margin: 0 0 80px;}
.module-title span{ color: #2468f2;}
.module-title p{ font-size: 16px;margin: 13px 0 0; }
.product-main .btn{ display: block; color: #fff;border-radius: 5px; margin:115px 0 0 75px; width: 178px; height: 48px; border: 1px solid rgba(255,255,255,.3); line-height: 48px; text-align: center; font-size: 16px;}
.product-main .btn:hover{background:#fff;color: #015bfe;}

/* 资质 */
.index-honor{ padding: 0 0 55px 0; overflow: hidden;min-width: 1220px;}
.index-honor ul{ margin:0 0 0 -4px;}
.index-honor li{ width: 160px; padding-top: 10px; height: 160px; margin:10px 22px; float: left;background: linear-gradient(180deg,#f1f5fb,#fff);box-shadow: 0 5px 33px -8px rgba(80,140,209,.29);border-radius: 5px;border: 2px solid #fff;transition: all .3s linear;}
.index-honor li:hover{ border: 2px solid #fff;box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11), inset -8px -8px 20px 0 #fff;transition: all .3s linear;}
.index-honor li a{ display: block; text-align: center;}
.index-honor li h5{ font-size: 14px; color: #000000; }
.index-honor li p{ font-size: 12px; line-height: 22px; color: #666666; }
.index-honor li i{ display: block; width: 127px; height: 97px; margin: 0 auto 15px;}
.index-honor li .img1{ background: url("../../images/index/certificate1.png") center no-repeat;}
.index-honor li .img2{ background: url("../../images/index/certificate2.png") center no-repeat;}
.index-honor li .img3{ background: url("../../images/index/certificate3.png") center no-repeat;}
.index-honor li .img4{ background: url("../../images/index/certificate4.png") center no-repeat;}
.index-honor li .img5{ background: url("../../images/index/certificate5.png") center no-repeat;}
.index-honor li .img6{ background: url("../../images/index/certificate6.png") center no-repeat;}
.index-honor li .img7{ background: url("../../images/index/certificate7.png") center no-repeat;}


/*优势*/
.index-advantage{ min-width:1220px; overflow:hidden;}
.index-advantage .container{ position:relative; overflow: hidden; }
.index-advantage .advantage-list{height: 700px;overflow:hidden; position:relative;}
.index-advantage .hd{ height:15px; overflow:hidden; position:absolute; left:5px; right: 0; bottom:40px; z-index:1; }
.index-advantage .hd ul{ text-align: center; overflow:hidden; zoom:1;}
.index-advantage .hd ul li{ display: inline-block; margin:0 3px;width:30px; height:4px; line-height:4px;color:transparent; text-align:center; background: rgba(255,255,255,.4); cursor:pointer; }
.index-advantage .hd ul li.on{ background:#fff; color:transparent; }
.index-advantage .bd{ position:relative; height:100%; z-index:0;   }
.index-advantage .bd ul{ width:100% !important;}
.index-advantage .bd li{height:625px; width:100% !important;padding-top: 75px; zoom:1; vertical-align:middle; }
.index-advantage .bd img{display: block; float: left;}
.index-advantage .title{ text-align: center; font-size: 30px; margin: 0 0 55px; color: #fff;}
.index-advantage .title p{ font-size: 14px; margin: 10px 0 0;}
.index-advantage .info{ position:absolute; right:0; top:190px; color: #fff;}
.index-advantage .info .h1{ font-size: 48px; margin: 0 0 22px;}
.index-advantage .info p{ font-size: 18px; line-height:35px;}
.index-advantage .info a{ color:#fff;}
.index-advantage .info .more{ display: block; color: #fff; background:rgba(255,255,255,0);transition-duration: .3s; width: 158px; height: 38px; border: 1px solid #fff; line-height: 38px; text-align: center;}
.index-advantage .info .more:hover{ background:rgba(255,255,255,1); color:#2468f2;}
.index-advantage .list1{ background: #02304d;}
.index-advantage .list1 .info{ width: 425px;}
.index-advantage .list1 .more{margin:55px 0 0; }
.index-advantage .list2{ background: #0c2e95;}
.index-advantage .list2 .title{ margin: 0 0 30px; }
.index-advantage .list2 .info{width:455px;}
.index-advantage .list2 img{ margin-left:85px;}
.index-advantage .list2 .more{margin:55px 0 0; }
.index-advantage .list3{ background: #010861;}
.index-advantage .list3 .info{width:585px;}
.index-advantage .list3 img{ margin-left:80px;}
.index-advantage .list3 .more{margin:50px 0 0; }
.index-advantage .list4{ background: #2b52c9;}
.index-advantage .list4 .info{width:610px;}
.index-advantage .list4 img{ margin-left:30px;}
.index-advantage .list4 .more{margin:30px 0 0; }
.index-advantage .list5{ background: #7f0cf6;}
.index-advantage .list5 img{ margin-left: 80px;}
.index-advantage .list5 .info{ width:605px;}
.index-advantage .list5 .more{margin:30px 0 0; }


/* 地图 */

.i-map {
  /*min-height: 1030px;*/
  padding: 0px;
  /*background: url(../public/img/map-bg.png) repeat;*/
}
.i-map .map-box {
  width: 1015px;
  min-height: 552px;
  margin: 0 100px ;
  background: url(../public/img/map.png) no-repeat center top;
  margin-top: 57px;
  position: relative;
}
.i-map .map-box .city {
  width: 16px;
  height: 19px;
  background: url(../public/img/i-city.png) no-repeat;
  color: #333840;
  padding: 15px 0 0 3px;
}
.i-map .map-box .name {
  width: 35px;
  position: absolute;
  left: -38px;
  top: 0;
}
.i-map .map-box .name.right {
  left: 24px;
}
.i-map .map-box .dot {
  background: #3598fe;
  border-radius: 50%;
  height: 11px;
  width: 11px;
  position: relative;
  transform: rotateX(45deg);
  animation: scaleFn 2s linear 0s infinite normal;
}
.i-map .map-box .dot:before {
  position: absolute;
  content: '';
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: rgba(53, 152, 254, 0.2);
  top: -7px;
  left: -8px;
}
.i-map .map-box .dot:after {
  position: absolute;
  content: '';
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(53, 152, 254, 0.07);
  left: -16px;
  top: -14px;
}
.i-map .map-box .chengdu {
  left: 295px;
  top: 308px;
}
.i-map .map-box .wuhan {
  left: 440px;
  top: 311px;
}
.i-map .map-box .wuhan .name {
  left: 5px;
  top: -23px;
}
.i-map .map-box .guangzhou {
  left: 404px;
  top: 393px;
}
.i-map .map-box .shenzhen {
  left: 425px;
  top: 413px;
}
.i-map .map-box .shenzhen .name {
  left: 7px;
  top: -17px;
}
.i-map .map-box .xianggang {
  left: 449px;
  top: 411px;
}
.i-map .map-box .xiamen {
  left: 493px;
  top: 377px;
}
.i-map .map-box .beijing {
  left: 450px;
  top: 182px;
}
.i-map .map-box .suzhou {
  left: 471px;
  top: 257px;
}
.i-map .map-box .huaian {
  left: 499px;
  top: 267px;
}
.i-map .map-box .shanghai {
  left: 519px;
  top: 289px;
}
.i-map .map-box .meizhou {
  left: 803px;
  top: 100px;
}
.line-box {
  position: absolute;
  cursor: pointer;
  width: 12px;
  height: 12px;
  border: #fe8d1f solid 1px;
  border-radius: 50%;
  background: #fe8d1f;
  z-index: 99;
}
.line-box:before {
  position: absolute;
  width: 6px;
  height: 6px;
  content: '';
  border: #fff solid 2px;
  border-radius: 50%;
  left: 0;
  top: 0;
}
.line-box:hover {
  z-index: 100;
}
.line-box.beisu {
  left: 462px;
  top: 209px;
  background: #ff7e00;
  filter: alpha(opacity=0);
  animation: map01 2s linear 0s infinite alternate;
  -moz-animation: map01 2s linear 0s infinite alternate;
  -webkit-animation: map01 2s linear 0s infinite alternate;
  -o-animation: map01 2s linear 0s infinite alternate;
}
.line-box.beisu:hover {
  animation-play-state: paused;
}
.line-box.beiguang {
  left: 412px;
  top: 379px;
  background: #ff7e00;
  filter: alpha(opacity=0);
  animation: map02 6s linear 0s infinite alternate;
  -moz-animation: map02 6s linear 0s infinite alternate;
  -webkit-animation: map02 6s linear 0s infinite alternate;
  -o-animation: map02 6s linear 0s infinite alternate;
}
.line-box.beiguang:hover {
  animation-play-state: paused;
}
.line-box.guangsu {
  left: 424px;
  top: 378px;
  background: #ff7e00;
  filter: alpha(opacity=0);
  animation: map03 4s linear 0s infinite alternate;
  -moz-animation: map03 4s linear 0s infinite alternate;
  -webkit-animation: map03 4s linear 0s infinite alternate;
  -o-animation: map03 4s linear 0s infinite alternate;
}
.line-box.guangsu:hover {
  animation-play-state: paused;
}
.abs {
    position: absolute;
}
@keyframes scaleFn {
  0% {
    transform: scale(0.3) rotateX(55deg);
  }
  50% {
    transform: scale(1) rotateX(55deg);
  }
  100% {
    transform: scale(0.3) rotateX(55deg);
  }
}
@keyframes map01 {
  0% {
    left: 462px;
    top: 209px;
    background: #ff7e00;
    filter: alpha(opacity=0);
  }
  100% {
    left: 492px;
    top: 262px;
    background: #ff7e00;
    filter: alpha(opacity=0);
  }
}
@keyframes map02 {
  0% {
    left: 412px;
    top: 379px;
    background: #ff7e00;
    filter: alpha(opacity=0);
  }
  50% {
    left: 428px;
    top: 300px;
    background: #ff7e00;
    filter: alpha(opacity=100);
  }
  100% {
    left: 446px;
    top: 216px;
    background: #ff7e00;
    filter: alpha(opacity=0);
  }
}
@keyframes map03 {
  0% {
    left: 424px;
    top: 384px;
    background: #ff7e00;
    filter: alpha(opacity=0);
  }
  100% {
    left: 494px;
    top: 290px;
    background: #ff7e00;
    filter: alpha(opacity=0);
  }
}


/* 地图 */



/* 解决方案 */

.section-title{text-align: center;padding-top: 20px;padding-bottom: 52px;min-width:1220px}
.section-title h1{position: relative;font-size: 36px;line-height: 50px;letter-spacing: 4px;color: #252b3a;}
.section-title h2{margin-top: 10px;font-size: 18px;line-height: 22px;letter-spacing: 2px;color: #666a75;}
.section-title h3 a:hover{color:#0052d9}
.section-wrapper{max-width: 1280px;min-width:1220px;padding-left: 30px;padding-right: 30px;margin-left: auto;margin-right: auto;height: auto; overflow: hidden;}
.mall-app>ul{margin-left: -10px;margin-right: -10px;}
.mall-app>ul:before,
.mall-app>ul:after{content: " ";display: table;box-sizing: inherit;}
.mall-app>ul>li{float: left;width: 25%;padding-left: 15px;padding-right: 15px;}
.mall-app-card{box-shadow: 0 5px 33px -8px rgba(80,140,209,.29);position: relative;height: 470px;border: 2px solid #fff;border-radius:10px; overflow: hidden;text-align: center;cursor: pointer;margin-top:20px;margin-bottom:20px;}
.mall-app-card-bg1{background-image: url(../../images/index/homepage-mall-enterprise-bg.jpg);position: absolute;z-index: 0;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;background-position: center;transition: 0.2s;}
.mall-app-card-bg2{background-image: url(../../images/index/homepage-mall-solution-bg.jpg);position: absolute;z-index: 0;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;background-position: center;transition: 0.2s;}
.mall-app-card-bg3{background-image: url(../../images/index/homepage-mall-video-bg.jpg);position: absolute;z-index: 0;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;background-position: center;transition: 0.2s;}
.mall-app-card-bg4{background-image: url(../../images/index/homepage-mall-station-bg.jpg);position: absolute;z-index: 0;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;background-position: center;transition: 0.2s;}
.mall-app-card-icon1{background-image: url(../../images/index/homepage-mall-enterprise-logo.svg);}
.mall-app-card-icon2{background-image: url(../../images/index/homepage-mall-solution-logo.svg);}
.mall-app-card-icon3{background-image: url(../../images/index/homepage-mall-video-logo.svg);}
.mall-app-card-icon4{background-image: url(../../images/index/homepage-mall-station-logo.svg);}
.mall-app-card-top{position: relative;height: 50%;}
.mall-app-card-top i{display: block;position: absolute;top: 80px;right: 0;left: 0;width: 48px;height: 48px;margin: 0 auto;background-size: cover;background-position: center;transition: 0.2s;}
.mall-app-card-top h2{position: absolute;top: 175px;right: 0;left: 0;font-size: 20px;line-height: 28px;color: #fff;transition: 0.2s;}
.mall-app-card-top h2:before{content: "";border-radius: 2px;position: absolute;top: 100%;right: 0;left: 0;width: 0;height: 4px;margin: 15px auto;background-color: #fff;transition: 0.2s 0.2s;}
.mall-app-card-top p{position: absolute;top: 173px;right: 0;left: 0;padding-left: 40px;padding-right: 40px;margin: 10px auto 0;font-size: 14px;line-height: 24px;color: #fff;opacity: 0;transition: 0.2s;}
.mall-app-card-bottom{position: relative;height: 50%;padding-top: 50px;font-size: 14px;line-height: 24px;color: #fff;}
.mall-app-card-bottom li{margin-bottom: 10px;}
.mall-app-card-bottom li a{color: #fff;}
.mall-app-card-bottom li a:hover{color: #2468f2;}
.section-bottom{padding-top: 40px;padding-bottom: 50px;}
.section-more-wrap{text-align: center;}
.section-more-wrap a{display: inline-block;font-size: 16px;line-height: 24px;color: #666a75;cursor: pointer;user-select: none;transition: 0.2s;}
.section-more-wrap a:hover{color: #2468f2;}
.section-more-wrap a:hover i{transform: translate3d(5px, 0px, 0px);}
.section-more-wrap a .cui-icon{margin-top: -2px;margin-left: 10px;transition: transform 0.2s;}
.cui-icon{font-family: 'cui-icon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;display: inline-block;vertical-align: middle;font-size: 16px;}
.mall-app-card:hover .mall-app-card-bg1{-ms-transform: scale(1.05); transform: scale(1.05);} .mall-app-card:hover .mall-app-card-top i{opacity: 0;}
.mall-app-card:hover .mall-app-card-bg2{-ms-transform: scale(1.05); transform: scale(1.05);} .mall-app-card:hover .mall-app-card-top i{opacity: 0;}
.mall-app-card:hover .mall-app-card-bg3{-ms-transform: scale(1.05); transform: scale(1.05);} .mall-app-card:hover .mall-app-card-top i{opacity: 0;}
.mall-app-card:hover .mall-app-card-bg4{-ms-transform: scale(1.05); transform: scale(1.05);} .mall-app-card:hover .mall-app-card-top i{opacity: 0;}
.mall-app-card:hover .mall-app-card-top h2{top: 85px;}
.mall-app-card:hover .mall-app-card-top h2:before{width: 68px;}
.mall-app-card:hover .mall-app-card-top p{margin-top: 0; opacity: 1;}


@font-face {
	font-family: 'cui-icon';
	src:url(front/cui-icon.woff2);
	font-weight: normal;
	font-style: normal;
}

.cui-icon {
	font-family: 'cui-icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}

.cui-icon-add:before {
	content: "\ea01"
}

.cui-icon-cancel:before {
	content: "\ea02"
}

.cui-icon-confirm:before {
	content: "\ea03"
}

.cui-icon-date:before {
	content: "\ea04"
}

.cui-icon-download:before {
	content: "\ea05"
}

.cui-icon-edit:before {
	content: "\ea06"
}

.cui-icon-heart:before {
	content: "\ea07"
}

.cui-icon-help:before {
	content: "\ea08"
}

.cui-icon-home:before {
	content: "\ea09"
}

.cui-icon-infomation:before {
	content: "\ea0a"
}

.cui-icon-menu:before {
	content: "\ea0b"
}

.cui-icon-minus:before {
	content: "\ea0c"
}

.cui-icon-purchase:before {
	content: "\ea0d"
}

.cui-icon-refresh:before {
	content: "\ea0e"
}

.cui-icon-search:before {
	content: "\ea0f"
}

.cui-icon-star-outline:before {
	content: "\ea10"
}

.cui-icon-star:before {
	content: "\ea11"
}

.cui-icon-visible:before {
	content: "\ea12"
}

.cui-icon-double-down:before {
	content: "\ea13"
}

.cui-icon-double-left:before {
	content: "\ea14"
}

.cui-icon-double-right:before {
	content: "\ea15"
}

.cui-icon-double-up:before {
	content: "\ea16"
}

.cui-icon-down:before {
	content: "\ea17"
}

.cui-icon-left:before {
	content: "\ea18"
}

.cui-icon-more:before {
	content: "\ea19"
}

.cui-icon-play:before {
	content: "\ea1a"
}

.cui-icon-right:before {
	content: "\ea1b"
}

.cui-icon-triangle-down:before {
	content: "\ea1c"
}

.cui-icon-up:before {
	content: "\ea1d"
}

.cloud-product {
	padding: 25px 0px 45px 0px;
}
.cloud-product-title {
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 36px;
	color: #333;
}
.cloud-product-title.white-color {
	color: #fff;
}
.color-blue {
	color: #009fd9;
}
.solution-list {
	position: relative;
	height: 500px;
	overflow: hidden;
	border-radius: 5px;
}

.arr-btn {
	position: absolute;
	top: 0;
	width: 40px;
	height: 100%;
	z-index: 99;
	display: none\0;
	*display: none;
	opacity: 0;
	-moz-opacity:0;
	-khtml-opacity: 0;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.solution-box:hover .arr-btn {
	display: block\0;
	*display: block;
	opacity: 1;
	-moz-opacity:1;
	-khtml-opacity: 1;
}
.arr-btn-left {
	left: 0;
}
.arr-btn-right {
	right: 0;
}
.solution-box-wraper {
	width: 100%;
}
.solution-box {
    position: relative;
    width: 1200px!important;
    min-width: 1200px!important;
    max-width: 1200px!important;
    
}
.arr-btn {
	background-color: rgba(255,255,255,0.08);
}
.arr-btn i {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -18px;
	display: block;
	width: 20px;
	height: 36px;
	z-index: 100;
}
.arr-btn .arr-left {
	background: url(img/index-sprite.png) no-repeat 0 -1538px;
}
.arr-btn .arr-right {
	background: url(img/index-sprite.png) no-repeat 0 -1500px;
}
.solution-list {
	width: auto!important;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    box-shadow: 8px 8px 25px 0 rgb(193, 193, 195), -8px -8px 25px 0 #fff;
    border-radius: 5px;
}
.solution-list ul li {
	float: left;
	position: relative;
	height: 500px;
	width: 300px;
	transition: background-color .5s;
	-moz-transition: background-color .5s;
	-webkit-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.solution-bg-li01 {
	background: url(img/cloud-photo.jpg) no-repeat center;
}
.solution-bg-li02 {
	background: url(img/finance-photo.jpg) no-repeat center;
}
.solution-bg-li03 {
	background: url(img/mobile-photo.jpg) no-repeat center;
}
.solution-bg-li04 {
	background: url(img/busin-photo.jpg) no-repeat center;
}
.solution-bg-li05 {
	background: url(img/game-photo.jpg) no-repeat center;
}
@media only screen and (max-width: 1200px) {
	.solution-list ul li {
		width: 224px;
	}
}
@media only screen and (max-width: 1017px) {
	.solution-list ul li {
		width: 224px;
	}
}
.solution-list ul li .li-bgcolor {
	height: 100%;
	position: absolute;
	width: 100%;
	background-color: #292e33;

}
.li-bgcolor.opa-5 {
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}
.li-bgcolor.opa-8 {
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
}
.solution-list ul li > i {
	position: absolute;
	top: 170px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	z-index: 2;
	transition: top .5s;
	-moz-transition: top .5s;
	-webkit-transition: top .5s;
	-o-transition: top .5s;
}
.solution-list ul li > i.cloud-icon {
	background: url(img/solution-items-icon.png) no-repeat 0 0;
}
.solution-list ul li > i.finance-icon {
	background: url(img/solution-items-icon.png) no-repeat 0 -60px;
}
.solution-list ul li > i.mobile-icon {
	background: url(img/solution-items-icon.png) no-repeat 0 -120px;
}
.solution-list ul li > i.busin-icon {
	background: url(img/solution-items-icon.png) no-repeat 0 -180px;
}
.solution-list ul li > i.game-icon {
	background: url(img/solution-items-icon.png) no-repeat 0 -240px;
}
.solution-list ul li:hover > i {
	margin-left: -30px;
	width: 60px;
	height: 60px;
}
.solution-list ul li > p.solution-title {
	position: absolute;
	top: 280px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 20px;
	z-index: 2;

	transition: top .5s;
	-moz-transition: top .5s;
	-webkit-transition: top .5s;
	-o-transition: top .5s;
}
.solution-list ul li > p.solution-intro {
	text-indent: 26px;
	font-size: 12px;
	height: 150px;
	padding: 0 30px;
	overflow: hidden;
	position: absolute;
	top: 282px;
	color: #fff;
	line-height: 2;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .6s;
	-moz-transition: all .6s ;
	-webkit-transition: all .6s ;
	-o-transition: all .6s ;
}
.solution-list ul li > a {
	position: absolute;
	top: 452px;
	left: 50%;
	margin-left: -59px;
	width: 118px;
	height: 34px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #fff;
	font-size: 14px;
	color: #fff;
	z-index: 2;
	opacity: 0;

	transition: all .6s ;
	-moz-transition: all .6s ;
	-webkit-transition: all .6s ;
	-o-transition: all .6s ;
}
.solution-list ul li:hover .li-bgcolor {
	background-color: #2468f2;
}
.solution-list ul li:hover i {
	top: 76px;
}
.solution-list ul li:hover p.solution-title {
	top: 168px;
}
.solution-list ul li:hover p.solution-intro {
	top: 230px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.solution-list ul li:hover a {
	top: 380px;
	opacity: 1;
	filter: alpha(opacity=100);
}





/*新闻动态*/
.index-news{ padding:75px 0 55px; overflow: hidden; min-width:1220px;}
.index-news .module-title{ margin: 0 0 80px;}
.index-news dl{ width: 31.33%;margin: 0 1.2%; padding: 15px 20px 0 20px;float: left;border-radius: 5px;border: 2px solid #fff;background: linear-gradient(180deg,#f1f5fb,#fff);box-shadow: 0 5px 33px -8px rgba(80,140,209,.29);border: 2px solid #fff;transition: all .3s linear; }
.index-news dl:hover{
    box-shadow: 0 5px 33px -8px rgba(80,140,209,.5);transition: all .3s linear;
}
.index-news dl:last-child{ margin-right: 0; }
.index-news dt{ font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #181C29;}
.index-news dt a{ display: block; color: #181C29; margin:5px 0}
/*.index-news dt a:after{ content: ""; display: inline-block; vertical-align: middle; width: 88px; height:32px; margin-left: 20px; background: url("../../images/index/ico/new-icon2.png")  center top no-repeat;}*/
.index-news dt span{font-size: 14px;font-weight: 400;line-height: 19px;color: #828897;float: right;margin-right: 5px;}
.index-news dt span:hover{color: #306bff !important;}
.index-news dd{ padding: 10px 0; border-top: none; }
.index-news dd p{ height: 25px; line-height: 25px; margin: 0 0 15px;}
.index-news dd span{ float: right;margin-right: 8px; font-size:14px; text-align: center; /*background: #f6f6f6;*/ color: #828897;border-radius:3px; }
.index-news dd a{ display: block; width: 68%; float: left; color: #4D5260;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.index-news dd a:hover{
    color: #306bff !important;
}


/*生态合作*/
.cooperation-body{ background:#000142; min-width:1220px; overflow:hidden;}
.cooperation-body img{ display:block; max-width:100%; margin:0 auto;}

.module-title { font-size: 30px; color: #000; margin: 0 0 55px; text-align: center; }
.module-title span{ color: #2468f2;}
.module-title p{ font-size: 14px; margin: 13px 0 0; color: #666666; }
.wwy-auth {
    width: 100%;
    background: #fff;
    padding-top: 80px;
    text-align: center;
    font-weight: 700;
}
.wwy-auth-title {
    margin: 0 auto;
    padding: 0 20px;
    font-size: 24px;
    color: #374567;
    letter-spacing: 0;
    line-height: 24px;
    max-width: 540px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.font-size-24 {
	font-size: 24px;
}
/*服务活动推广*/
.back-white {
	background: #fff;
}
.service-action-ul li {
	float: left;
	width: 25%;
	height: 120px;
}

.service-action-ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.service-action-box {
	position: relative;
}
.service-action-img {
	display: inline-block;
	margin-top: 30px;
	width: 102px;
	height: 60px;
}
.action-img1 {
	background: url(img/index-banner-sub1.png) no-repeat 0 0;
}
.action-img2{
	background: url(img/index-banner-sub2.png) no-repeat 0 0;
}
.action-img3{
	background: url(img/index-banner-sub3.png) no-repeat 0 0;
}
.action-img4{
	background: url(img/index-banner-sub4.png) no-repeat 0 0;
}
.service-action-text {
	position: absolute;
	left: 110px;
	top: 36px;
}

.service-action-title {
	font-size: 16px;
	color: #333;
}
.service-action-ul li:hover .service-action-title{
	color: #2468f2;
}
.service-action-info {
	margin-top: 8px;
	width: 135px;
	font-size: 12px;
	color: #999;
}
/* 首页新闻 */
.news-ul li a {
	padding-right: 25%;
}



.i-upCloud .lists {
  padding-left: 30px;
}
.i-upCloud .lists h3 {
  font-size: 22px;
  color: #1e212c;
  padding-left: 20px;
  margin-bottom: 20px;
}
.i-upCloud .lists ul > li {
  line-height: 0.88rem;
  width: 210px;
  float: left;
  position: relative;
}
.i-upCloud .lists ul > li:nth-child(1) a i {
  background: url(../images/icon/cloud_business.png) no-repeat center center;
}
.i-upCloud .lists ul > li:nth-child(2) a i {
  background: url(../images/icon/cloud_data.png) no-repeat center center;
}
.i-upCloud .lists ul > li:nth-child(3) a i {
  background: url(../images/icon/cloud_equipment.png) no-repeat center center;
}
.i-upCloud .lists ul > li:nth-child(4) a i {
  background: url(../images/icon/cloud_innovate.png) no-repeat center center;
}
.i-upCloud .lists ul > li a {
  color: #1e212c;
  font-size: 16px;
  padding-left: 15px;
  display: flex;
  align-items: center;
}
.i-upCloud .lists ul > li a i {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  display: inline-block;
}
.i-upCloud .lists ul > li:first-child:before {
  background: linear-gradient(to right, #f5f5f5, #eeeeee);
  width: 80%;
  height: 1px;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
}
.i-upCloud .lists ul > li:first-child:after {
  background: linear-gradient(to top, #eeeeee, #f5f5f5);
  width: 1px;
  height: 80%;
  content: '';
  position: absolute;
  right: 20%;
  bottom: 0;
}
.i-upCloud .lists ul > li:last-child:before {
  background: linear-gradient(to right, #eeeeee, #f5f5f5);
  width: 80%;
  height: 1px;
  content: '';
  position: absolute;
  left: -10%;
  top: 0;
}
.i-upCloud .lists ul > li:last-child:after {
  background: linear-gradient(to top, #f5f5f5, #eeeeee);
  width: 1px;
  height: 80%;
  content: '';
  position: absolute;
  left: -10%;
  top: 0;
}
.i-upCloud .reason {
  font-size: 14px;
  color: #89919b;
  padding-left: 22px;
  margin-top: 15px;
}
.i-upCloud .reason a {
  color: #89919b;
  font-size: 14px;
}
.i-upCloud .more {
  padding-left: 22px;
  margin-top: 0.55rem;
}
.i-upCloud .more a {
  font-size: 14px;
  color: #2d81ff;
}
.i-upCloud .more a i {
  font-size: 12px;
}
.mt70 {
    margin-top: 0.7rem;
}
.col-lg-6 {
    width: 50%;
    float: left;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
/*解决方案*/
.solution-bgcolor {
	min-width: 1220px;
	padding: 0 0 55px;
}
.solution-bgcolor .cloud-product-title span{
	color: #333;
	font-size: 36px;
}
.solution-bgcolor .cloud-product-title span {
	border-color: #fff;
}
.cloud-product-introduce-wrapper {
	height: 300px;
}
.cloud-product-introduce-item {
	width: 32%;
	height: 240px;
	margin-left: 1.5%;

}

.cloud-product-introduce-item:hover {
	box-shadow:0px 2px 16px rgba(0, 0, 0, 0.12);
}
.cloud-product-introduce-item:first-child {
	margin-left: 0;
}
.cloud-item-bg {
	margin: 30px auto 0;
	width: 100px;
	height: 100px;
	background: url(img/cloud-product-bg.png) no-repeat 0 0;
}

.cloud-item-bg2 {
	background-position: -100px 0;
}
.cloud-item-bg3 {
	background-position: -200px 0;
}
.cloud-product-introduce-item:hover .cloud-item-bg1 {
	background-position:0 -100px;

}
.cloud-product-introduce-item:hover .cloud-item-bg2 {
	background-position:-100px -100px;

}
.cloud-product-introduce-item:hover .cloud-item-bg3 {
	background-position:-200px -100px;

}
.product-introduce-item-title {
	margin: 30px 0 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 20px;
	color: #333;
}
.cloud-product-introduce-item:hover .product-introduce-item-title {
	color: #2468f2;
}
.product-introduce-item-introduce {
	height: 14px;
	text-align: center;
	line-height: 14px;
	font-size: 14px;
	color: #999;
}
.solution-list {
	position: relative;
	height: 400px;
	overflow: hidden;
}

.arr-btn {
	position: absolute;
	top: 0;
	width: 40px;
	height: 100%;
	z-index: 99;
	display: none\0;
	*display: none;
	opacity: 0;
	-moz-opacity:0;
	-khtml-opacity: 0;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.solution-box:hover .arr-btn {
	display: block\0;
	*display: block;
	opacity: 1;
	-moz-opacity:1;
	-khtml-opacity: 1;
}
.arr-btn-left {
	left: 0;
}
.arr-btn-right {
	right: 0;
}
.solution-box-wraper {
	width: 100%;
}
.solution-box {
	position: relative;
}
.arr-btn {
	background-color: rgba(255,255,255,0.08);
}
.arr-btn i {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -18px;
	display: block;
	width: 20px;
	height: 36px;
	z-index: 100;
}
.arr-btn .arr-left {
	background: url(img/index-sprite.png) no-repeat 0 -1538px;
}
.arr-btn .arr-right {
	background: url(img/index-sprite.png) no-repeat 0 -1500px;
}
.solution-list {
	width: auto!important;
}
.solution-list ul li {
	float: left;
	position: relative;
	height: 500px;
	width: 300px;
	transition: background-color .5s;
	-moz-transition: background-color .5s;
	-webkit-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.solution-bg-li01 {
	background: url(img/cloud-photo.jpg) no-repeat center;
}
.solution-bg-li02 {
	background: url(img/finance-photo.jpg) no-repeat center;
}
.solution-bg-li03 {
	background: url(img/mobile-photo.jpg) no-repeat center;
}
.solution-bg-li04 {
	background: url(img/busin-photo.jpg) no-repeat center;
}
.solution-bg-li05 {
	background: url(img/game-photo.jpg) no-repeat center;
}
@media only screen and (max-width: 1200px) {
	.solution-list ul li {
		width: 224px;
	}
}
@media only screen and (max-width: 1017px) {
	.solution-list ul li {
		width: 224px;
	}
}
.solution-list ul li .li-bgcolor {
	height: 100%;
	position: absolute;
	width: 100%;
	background-color: #292e33;

}
.li-bgcolor.opa-5 {
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}
.li-bgcolor.opa-8 {
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
}
.solution-list ul li > i {
	position: absolute;
	top: 170px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	z-index: 2;
	transition: top .5s;
	-moz-transition: top .5s;
	-webkit-transition: top .5s;
	-o-transition: top .5s;
}
.solution-list ul li > i.cloud-icon {
	background: url(img/solution-items-icon.png) no-repeat 0 0;
}
.solution-list ul li > i.finance-icon {
	background: url(img/solution-items-icon.png) no-repeat 0 -60px;
}
.solution-list ul li > i.mobile-icon {
	background: url(img/solution-items-icon.png) no-repeat 0 -120px;
}
.solution-list ul li > i.busin-icon {
	background: url(img/solution-items-icon.png) no-repeat 0 -180px;
}
.solution-list ul li > i.game-icon {
	background: url(img/solution-items-icon.png) no-repeat 0 -240px;
}
.solution-list ul li:hover > i {
	margin-left: -30px;
	width: 60px;
	height: 60px;
}
.solution-list ul li > p.solution-title {
	position: absolute;
	top: 280px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 20px;
	z-index: 2;

	transition: top .5s;
	-moz-transition: top .5s;
	-webkit-transition: top .5s;
	-o-transition: top .5s;
}
.solution-list ul li > p.solution-intro {
	text-indent: 26px;
	font-size: 12px;
	height: 150px;
	padding: 0 30px;
	overflow: hidden;
	position: absolute;
	top: 282px;
	color: #fff;
	line-height: 2;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .6s;
	-moz-transition: all .6s ;
	-webkit-transition: all .6s ;
	-o-transition: all .6s ;
}
.solution-list ul li > a {
	position: absolute;
	top: 452px;
	left: 50%;
	margin-left: -59px;
	width: 118px;
	height: 34px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #fff;
	font-size: 14px;
	color: #fff;
	z-index: 2;
	opacity: 0;

	transition: all .6s ;
	-moz-transition: all .6s ;
	-webkit-transition: all .6s ;
	-o-transition: all .6s ;
}
.solution-list ul li:hover .li-bgcolor {
	background-color: #182848;
}
.solution-list ul li:hover i {
	top: 76px;
}
.solution-list ul li:hover p.solution-title {
	top: 168px;
}
.solution-list ul li:hover p.solution-intro {
	top: 230px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.solution-list ul li:hover a {
	top: 380px;
	opacity: 1;
	filter: alpha(opacity=100);
}


/* 证书 */
.free-certificate {
	height: 140px;
	background: #00bbff;
}
.swiper-wrapper {
	position: relative;
	height: 140px;
	overflow: hidden;
}
.swiper-slide {
	position: relative;
	left: 0;
	width: 100%;
	height: 140px;
	overflow: hidden;
	/*transform: all .2s;*/
}
.swiper-bar {
	float: left;
	margin: 0 10px;
	width: 30px;
	height: 13px;
	border-top: 3px solid #fff;
	background: transparent;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.swiper-bar.active {
	opacity: 1;
	filter: alpha(opacity=100);
}
@media only screen and (max-width: 1018px ) {
	.certificat-item {
	float: left;
	width: 250px;
	height: 140px;
	*width: 249px;
}
}
.certificat-item {
	float: left;
	width: 300px;
	height: 140px;
	*width: 300px;
}
.certificat-item-wrapper {
	width: 92%;
	height: 100%;
	margin: 0 auto;
}
.certificat-item-inner {
	float: left;
}
.certificat-pic {
	margin-top: 42px;
	width: 64px;
	height: 64px;
}
.certificat-pic1 {
	background: url(img/index-sprite.png) no-repeat 0 -1636px;
}
.certificat-pic2 {
	background: url(img/index-sprite.png) no-repeat 0 -1701px;
}
.certificat-pic3 {
	background: url(img/index-sprite.png) no-repeat 0 -1765px;
}
.certificat-pic4 {
	background: url(img/index-sprite.png) no-repeat 0 -1829px;
}
.certificat-pic5 {
	background: url(img/index-sprite.png) no-repeat 0 -1572px;
}
.certificat-introduce {
	margin: 55px 0 0 10px ;
	width: 150px;
	height: 80px;
}
.certificat-introduce p {
	color: #fff;
}
.certificat-introduce-top {
	height: 16px;
	line-height: 16px;
	font-size: 16px;
}
.certificat-introduce-bottom {
	margin-top: 12px;
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	white-space: nowrap;
}
.certificat-item1 {

}
.certificat-pagination {
	height: 70px;
}
.certificat-pagination .swiper-pagination-bullet {
	width: 30px;
	height: 3px;
	border-radius: 0;
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.certificat-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	filter: alpha(opacity=100);
}
/*合作伙伴*/
.cooperative-partner {
	background: #f5f7f7;
}
.cooperative-partner-list {
	margin-top: 26px;
}
.cooperative-partner-list li {
	float: left;
	width: 24%;
	height: 130px;
	margin: 10px 0px 0px 1%;
}
.cooperative-partner-list li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	/*border-radius: 3px;*/
	/*border: 1px solid #eee;*/
	text-align: center;
	vertical-align: middle;
	line-height: 130px;
	background: #fff;
	cursor: default;
}
.cooperative-partner-list li a img {
	vertical-align: middle;
}
.cooperative-partner-list li a img.transiform-img {
	width: 160px;
	height: 90px;
	transform: scale(0.9);
	-o-transition: all 0.4s ;
	-ms-transition: all 0.4s ;
	-webkit-transition: all 0.4s ;
	transition: all 0.4s ;
}
.cooperative-partner-list li a:hover {
	/*border: 1px solid #009fd9;*/
	box-shadow:0px 2px 16px rgba(0, 0, 0, 0.12);
}
.cooperative-partner-list li a:hover img.transiform-img{
	/*border: 1px solid #009fd9;*/
	transform: scale(1.0);
}
.cooperative-partner-list li:nth-child(4n+1) {
	margin: 10px 0px 0px 0px;
}



/*新闻动态*/
.news-trends {
	background: #fff;
}
.news-trends-list {
	margin-top: 46px;
}
.press-release {
	float: left;
	width: 31.33%;
	margin-left: 2%;
}
.activity-title img {
 	/*padding: 0px 5%;*/
	height: 140px;
}

.press-release:first-child {
	margin-left: 0px;
}
.press-release:hover .press-news-pic{
	box-shadow: 0 2px 16px rgba(0,0,0,0.12);
}
.press-release-title {
	position: relative;
	padding: 0px 20px;
	height: 36px;
	border-left: 3px solid #000;
	line-height: 36px;
	border-radius: 3px;
	background: #f7f7f7;
	font-size: 16px;
	color: #333;
}
.release-title1 {
	border-left-color: #ff4400;
}
.release-title2 {
	border-left-color: #009fd9;
}
.release-title3 {
	border-left-color: #ff9900;
}
.press-release-title a {
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 0px;
	font-size: 12px;
	color: #999;
}
.press-news-pic {
	position: relative;
	display: block;
	margin: 20px auto 0;
	width: 90%;
	height: 160px;
	overflow: hidden;
}
.press-news-picbg {
	/*position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	margin-left: -173px;
	margin-top: -80px;*/
	height: 100%;
	width: 346px;
	background-size: cover;
	background-position: center;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.press-news-pic:hover .press-news-picbg{
	/*background-size: initial;*/
	/*margin-left: -190px;
	margin-top: -44px;
	height: 88px;
	width: 381px;*/
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.press-newspicbg-title-bg {
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
	height: 40px;
	width: 100%;
	opacity: 0.8;
	background-color: #2468f2;
}
.press-newspicbg-title {
	position: absolute;
	z-index: 99;
	bottom: 0;
	left: 0;
	height: 40px;
	width: 100%;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	text-align: center;


}
.press-release-list li a:hover span,
.press-release-list li a.active span{
	color: #009fd9;
}
.press-release-list {
	width: 90%;
	margin: 0 auto;
	height: 174px;
}
.press-release-list li{
	margin-top: 10px;
	float: left;
	width: 100%;
	height: 20px;
	line-height: 20px;
}
.press-release-list li:first-child {
	margin-top: 20px;
}
.press-release-list li a {
	display: block;
}
.press-release-list li a i {
	float: left;
	width: 21%;
	font-style: normal;
	font-size: 14px;
	color: #999;
	white-space: nowrap;
}
.press-release-list li a span {
	float: left;
	width: 76%;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.activity-title {
	margin-top: 16px;
	text-align: center;

}
.activity-title a {
	display: block;
	margin: 0 auto;
	width: 340px;
	/*height: 218px;*/
	height: 230px;
	overflow: hidden;
}
.activity-title a img {
	width: 100%;
	height: 100%;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.activity-title a img:hover {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.free-registration {
	height: 36px;
	line-height: 36px;
	text-align: center;
	padding: 60px 0px 40px 0px;
}
.free-registration a {
	display: inline-block;
	padding: 0px 42px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #009fd9;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.free-registration a:hover {
	background: #ff8800;
}
/*服务平台*/
.map-service-wrapper {
	padding: 0;
}
.map-service {
	position: relative;
	padding-bottom: 40px;
	background: #f5f6f7;
}
.map-service-left {
	margin: 0 auto 50px;
	width: 300px;
}
.data-list {
	width: 100%;
}
.data-list-li {
	float: left;
	margin-left: 20px;
}
.data-list-li a {
	display: block;
	text-decoration: none;
}
.data-list-title {
	width: 100%;
	padding-left: 50px;
	margin-bottom: 4px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #2468f2;
	background: url(img/data_list_icon_active.png) no-repeat 20px center ;

}
.data-list-title.list-title-3 {
	background: url(img/data_list_icon_waite.png) no-repeat 20px center;
	color: #14cc45;
}
.map-product {
	padding-bottom: 30px;
}
.map-service-box{
	position: relative;
}
.world-map-wrapper {
	/*margin-top: 10px;*/
	width: 100%;
	height: 601px;
	background: url(img/world-map-bg.png) no-repeat center;
}
.world-map {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}
.region-list {
	position: absolute;
	left: 0px;
	top: 0px;
}

@keyframes warn {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	30% {
		transform: scale(0);
		opacity: 0.1;
	}
	60% {
		transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		transform: scale(1);
		opacity: 0.0;
	}
}
@-webkit-keyframes warn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	}
	30% {
		transform: scale(0);
		opacity: 0.1;
	}
	60% {
		transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}
@-moz-keyframes warn {
	0% {
		-moz-transform: scale(0);
		opacity: 0.0;
	}
	30% {
		transform: scale(0);
		opacity: 0.1;
	}
	60% {
		transform: scale(0.5);
		opacity: 0.5;
	}

	100% {
		-moz-transform: scale(1);
		opacity: 0.0;
	}
}

.area-box .dot {
	display: inline-block;
	position: absolute;
	left: 0px;
	width: 16px;
	height: 16px;
	/*background: url("img/area_min.png") no-repeat center;*/
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background: #14cc45;
	opacity: 1;
	filter: alpha(opacity=100);
}
.area-box .pulse {
	display: inline-block;
	position: absolute;
	top: -36px;
	left: -36px;
	height: 88px;
	width: 88px;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	background: #14cc45;
	opacity: 0.12;
	filter: alpha(opacity=0);
	-webkit-animation: warn 2s ease-out;
	-moz-animation: warn 2s ease-out;
	animation: warn 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.region-list.active .area-box .dot {
	background: #2468f2;
}
.region-list.active .area-box .pulse {
	background: #2468f2;
}
.region-list.waite .area-box .dot {
	background: #ff9900;
}
.region-list.waite .area-box .pulse {
	background: #ff9900;
}
.show-regin {
	position: absolute;
	left: 2px;
	height: 0px;
	top: 0px;
	width: 11px;
	opacity:0;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.online-node .show-regin,
.region-list:hover .show-regin {
	height: 127px;
	opacity: 1;
}
.waite-node .show-regin,
.region-list:hover .show-regin {
	height: 127px;
	opacity: 1;
}
.underline-node .show-regin,
.region-list:hover .show-regin {
	height: 127px;
	opacity: 1;
}
.show-regin span {

	width: 80px;
	display: inline-block;
	position: absolute;
	left: -34px;
	top: -34px;
	padding: 6px 10px;
	font-size: 12px;
	color: #fff;
	background: #a2a9b4;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align:center;
}
.postition-10 .show-regin span {
	left: -5px;
}
.postition-6 .show-regin span {
	left: -63px;
}
.area-box {
	z-index: 77;
}
.show-regin {
	z-index: 66;
}

.region-list.active .show-regin span {
	position: relative;
	color: #fff;
	background: #009fd9;
}
.region-list.active .show-regin span:before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -10px;
	border: 6px solid transparent;
	border-top-color: #009fd9;
}
.postition-10.region-list.active .show-regin span:before {
	left: 11px;
	margin-left: -6px;
}
.postition-6.region-list.active .show-regin span:before {
	left: 69px;
	margin-left: -6px;
}
.region-list.waite .show-regin span {
	color: #fff;
	background: #ff9900;
}
.region-list.waite .show-regin span:before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -10px;
	border: 6px solid transparent;
	border-top-color: #ff9900;
}
.region-list.underline-node .show-regin span:before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -10px;
	border: 6px solid transparent;
	border-top-color: #a2a9b4;
}
.region-position-introduce {
	position: absolute;
	font-size: 16px;
	color: #808080;
}
.postition-1 {
	left: 50px;
	top: 126px;
}
.postition-2 {
	left: 179px;
	top: 230px;
}
.postition-3 {
	left: 258px;
	top: 443px;
}
.postition-4 {
	left: 545px;
	top: 206px;
}
.postition-5 {
	left: 829px;
	top: 230px;
}
.postition-6 {
	left: 884px;
	top: 222px;
}
.postition-introduce-6 {
	left: 906px;
	top: 202px;
}
.postition-7 {
	left: 871px;
	top: 272px;
}
.postition-introduce-7 {
	left: 896px;
	top: 272px;
}
.postition-8 {
	left: 855px;
	top: 311px;
}
.postition-introduce-8 {
	left: 872px;
	top: 321px;
}
.postition-9 {
	left: 832px;
	top: 302px;
}
.postition-introduce-9 {
	left: 796px;
	top: 316px;
}
.douhao {
	display: inline-block;
	width: 0px;
}